<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!-- 取出部署的应用程序名或者是当前的项目名称 -->
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
<head>
    <meta charset="UTF-8">
    <title>用户后台</title>

    <%@include file="/WEB-INF/jsp/common/component/head.jsp"%>
    <%--<link rel="stylesheet/less" type="text/css" href="${ctx}/assets/less/theme.less">--%>

</head>

<body class="  ">
    <div class="bg-light dk" id="wrap">
        <div id="top">
            <%@include file="/WEB-INF/jsp/common/component/navbar.jsp"%>
            <%--<%@include file="/WEB-INF/jsp/common/component/header.jsp"%>--%>
        </div><!-- /#top -->

        <div id="left">
            <%@include file="/WEB-INF/jsp/common/component/userMessage.jsp"%>
            <%@include file="/WEB-INF/jsp/common/component/menu.jsp"%>
        </div><!-- /#left -->

        <div class="content" >
            <div class="inner bg-light dk">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <div class="col-sm-12 ">
                            <h3 class="text-center">书籍添加</h3>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="exampleInputEmail1" class="col-sm-2 control-label">Email address</label>
                        <div class="col-sm-6 has-warning">
                            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
                        </div>
                        <div class="col-sm-3">
                            <div class="checkbox">
                                <label><input type="checkbox" name="test">是</label>
                                <label><input type="checkbox" name="test">否</label>
                            </div>
                            <%--<input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">--%>
                        </div>
                    </div>
                    <div class="form-group " >
                        <label for="upload" class="col-sm-2 control-label">文件上传</label>
                        <div class="col-sm-6 ">
                            <input id="upload" type="file" multiple name="file">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="textarea" class="col-sm-2 control-label">文本框</label>
                        <div class="col-sm-offset-2 col-sm-10">
                            <textarea id="textarea" class="form-control" row="3"></textarea>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox"> Check me out
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default">Submit</button>
                        </div>
                    </div>
                </form>
            </div><!-- /.inner -->
        </div><!-- /#content -->
    </div><!-- /#wrap -->

    <%@include file="/WEB-INF/jsp/common/component/foot.jsp"%>

<script>
    $(function(){
        initFileInput("upload", "/upload");
        $('#upload').on('fileuploaded', function(event, data, previewId, index, reader){
            var response = data.response;
            console.info("response: " + response);
        });
    });
</script>

</body>

</html>